
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> 
	<html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>张立飞的个人简历 </title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" />
	<meta name="keywords" content="free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
	
  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	

	<!-- <link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700' rel='stylesheet' type='text/css'> -->
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="css/style.css">

	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body style="background-image: url(images/bg_img.jpg);">
	
	<div id="fh5co-main">
		<div class="fh5co-tab-wrap">
			<ul class="fh5co-tab-menu">
				<li class="active"><a href="#" data-tab="1"><span class="icon icon-glass"></span><span class="menu-text">个人简介</span></a></li>
				<li><a href="#" data-tab="2"><span class="icon icon-graduation-cap"></span><span class="menu-text">教育经历</span></a></li>
				<li><a href="#" data-tab="3"><span class="icon icon-black-tie"></span><span class="menu-text">项目经历</span></a></li>
				<li><a href="#" data-tab="4" data-pie="yes"><span class="icon icon-fighter-jet"></span><span class="menu-text">个人能力</span></a></li>
				<li><a href="#" data-tab="5" data-pie="yes"><span class="icon icon-video"></span><span class="menu-text">成果展示</span></a></li>
			</ul>
			<div class="fh5co-tab-content active" data-content="1">
				<div class="fh5co-content-inner text-center">
					<div class="row row-bottom-padded-sm">
						<div class="col-md-12">
							<figure>
								<img src="images/profile_img.png" alt="Free HTML5 Wesbite Template by FreeHTML5.co">
							</figure>
							<h1>张立飞</h1>
							<p>
								热爱编程，熟练使用C-C++编程三年，在校期间完成大小项目程序十余个，其中包含一个省级项目，两个校级项目。常在团队中担任设计软件，负责主要编码工作。能够独立解决疑难问题，为人乐观向上，有较强的团队协作能力。
							</p>
						</div>
					</div>
					<!--
					<div class="row">
						<div class="col-md-12 fh5co-counter">
							<div class="fh5co-number fh5co-left">10</div>
							<div class="fh5co-text">
								<h3 class="border-bottom">Years of experience in Web Design</h3>
								<p>Far far away, behind the word mountains, far from the countries.</p>
							</div>
						</div>
					</div>
				-->
					<ul class="fh5co-social">
						<li><a href="mailto:18852923073@163.com"><i class="icon-envelope"></i></a></li>
						<li><a href="https://github.com/leafspace"><i class="icon-github"></i></a></li>
						<li><a href="https://www.liveedu.tv/leafspace/projects/"><i class="icon-instagram"></i></a></li>
						<li><a href="https://www.google.com/"><i class="icon-google"></i></a></li>	
					</ul>
				</div>
			</div>
			<div class="fh5co-tab-content" data-content="2">
				<div class="fh5co-content-inner">
					<div class="row">
						<div class="col-md-12">
							<p></p>

							<div class="fh5co-feature">
								<div class="fh5co-icon">
									<i class="icon-graduation-cap"></i>
								</div>
								<div class="fh5co-text">
									<h2>2014-2018</h2>
									<p>常熟理工学院 大学本科四年.</p>
								</div>
							</div>

							<div class="fh5co-feature">
								<div class="fh5co-icon">
									<i class="icon-graduation-cap"></i>
								</div>
								<div class="fh5co-text">
									<h2>2016年8月</h2>
									<p>在无锡NIIT培训JSP.</p>
								</div>
							</div>

							<div class="fh5co-feature">
								<div class="fh5co-icon">
									<i class="icon-graduation-cap"></i>
								</div>
								<div class="fh5co-text">
									<h2>2017年10月</h2>
									<p>校内培训j2EE.</p>
								</div>
							</div>

						</div>
						
					</div>
				</div>
			</div>
            
			<div class="fh5co-tab-content" data-content="3">
				<div class="fh5co-content-inner">
					<div class="row">
						<div class="col-md-12">
							<p></p>
							<div class="fh5co-feature">
								<div class="fh5co-icon">
									<i class="icon-black-tie"></i>
								</div>
								<div class="fh5co-text">
									<h2><a href="https://github.com/leafspace/Endpoint-Detection">个性化文本语音转换系统(2016-04)</a></h2>
									<h3>项目主持人</h3>
									<p>项目目标在于改善微软Speech SDK 所生成的语音生硬不具有感情的缺陷，通过学习语音信号处理相关的知识，对获取的语音信号进行处理。我在团队中担任项目主持人的角色，负责项目的处理，人员工作的分配，重要语音算法的研究和编写。
									</p>
								</div>
							</div>

							<div class="fh5co-feature">
								<div class="fh5co-icon">
									<i class="icon-black-tie"></i>
								</div>
								<div class="fh5co-text">
									<h2><a href="https://github.com/leafspace/Telemetry-medical-platform">基于树莓派的嵌入式语音识别系统(2016-12)</a></h2>
									<h3>项目主持人</h3>
									<p>与企业合作，解决医院医生在繁忙情况下无法手写医嘱而节约人力资源成本，我们通过树莓派这种嵌入式设备读取语音信号，并采用讯飞开放平台的语音识别算法，可以在任何有网络的地方进行语音识别。我在团队中负责主要编码工作。
									</p>
								</div>
							</div>

							<div class="fh5co-feature">
								<div class="fh5co-icon">
									<i class="icon-black-tie"></i>
								</div>
								<div class="fh5co-text">
									<h2><a href="https://github.com/leafspace/CSLG-Access-Reservation-System">二维码门禁预约系统(2017-04)</a></h2>
									<h3>项目经理</h3>
									<p>这个项目为学校教工会制作，通过用户的预约来管理学校的活动教室。用户选择预约的时段后，本地服务器生成相应的二维码通过微信登手段发送给用户，用户到了预约的时间内，到活动教室门口，我们通过二维码扫描器扫描二维码，在后台认证后开门。从而实现管理学校固有资产的需求。
										我在团队中负责与学院领导进行需求分析和硬件端的主要编码。
									</p>
								</div>
							</div>

						</div>
						
					</div>
				</div>
			</div>
			<div class="fh5co-tab-content" data-content="4">
				<div class="fh5co-content-inner">
					<div class="row">
						<div class="col-md-12">
							<p></p>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12 text-center">
							<div class="chart" data-percent="85"><span><strong>C-C++</strong>85%</span></div>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12 text-center">
							<div class="chart" data-percent="75"><span><strong>Java</strong>75%</span></div>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12 text-center">
							<div class="chart" data-percent="60"><span><strong>MySQL</strong>60%</span></div>
						</div>

						<div class="col-md-4 col-sm-6 col-xs-12 text-center">
							<div class="chart" data-percent="75"><span><strong>Linux</strong>75%</span></div>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12 text-center">
							<div class="chart" data-percent="60"><span><strong>英语</strong>60%</span></div>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12 text-center">
							<div class="chart" data-percent="65"><span><strong>日语</strong>65%</span></div>
						</div>
					</div>
				</div>
			</div>
			<div class="fh5co-tab-content" data-content="5">
				<div class="fh5co-content-inner">
					<div class="row">
						<div class="col-md-12">
							<p></p>
						</div>
						<div class="fh5co-feature">
							<div class="fh5co-text">
								<h2>二维码预约验证系统-1</h2>
								<p>
									<video width="100%" height="100%" controls="controls">
										<source src="video/二维码预约验证系统-1.mp4" type="video/mp4" />
										<source src="video/二维码预约验证系统-1.ogg" type="video/ogg" />
										<source src="video/二维码预约验证系统-1.webm" type="video/webm" />
										<object data="video/二维码预约验证系统-1.mp4">
											<embed src="video/二维码预约验证系统-1.swf" />
										</object>
									</video>
								</p>
							</div>
						</div>
						<div class="fh5co-feature">
							<div class="fh5co-text">
								<h2>二维码预约验证系统-2</h2>
								<p>
									<video width="100%" height="100%" controls="controls">
										<source src="video/二维码预约验证系统-2.mp4" type="video/mp4" />
										<source src="video/二维码预约验证系统-2.ogg" type="video/ogg" />
										<source src="video/二维码预约验证系统-2.webm" type="video/webm" />
										<object data="video/二维码预约验证系统-2.mp4">
											<embed src="video/二维码预约验证系统-2.swf" />
										</object>
									</video>
								</p>
							</div>
						</div>
						<div class="fh5co-feature">
							<div class="fh5co-text">
								<h2>人体红外感应-1</h2>
								<p>
									<video width="100%" height="100%" controls="controls">
										<source src="video/人体红外感应-1.mp4" type="video/mp4" />
										<source src="video/人体红外感应-1.ogg" type="video/ogg" />
										<source src="video/人体红外感应-1.webm" type="video/webm" />
										<object data="video/人体红外感应-1.mp4">
											<embed src="video/人体红外感应-1.swf" />
										</object>
									</video>
								</p>
							</div>
						</div>
						<div class="fh5co-feature">
							<div class="fh5co-text">
								<h2>人体红外感应-2</h2>
								<p>
									<video width="100%" height="100%" controls="controls">
										<source src="video/人体红外感应-2.mp4" type="video/mp4" />
										<source src="video/人体红外感应-2.ogg" type="video/ogg" />
										<source src="video/人体红外感应-2.webm" type="video/webm" />
										<object data="video/人体红外感应-2.mp4">
											<embed src="video/人体红外感应-2.swf" />
										</object>
									</video>
								</p>
							</div>
						</div>
						<div class="fh5co-feature">
							<div class="fh5co-text">
								<h2>声纹识别-VPR</h2>
								<p>
									<video width="100%" height="100%" controls="controls">
										<source src="video/声纹识别-VPR.mp4" type="video/mp4" />
										<source src="video/声纹识别-VPR.ogg" type="video/ogg" />
										<source src="video/声纹识别-VPR.webm" type="video/webm" />
										<object data="video/声纹识别-VPR.mp4">
											<embed src="video/声纹识别-VPR.swf" />
										</object>
									</video>
								</p>
							</div>
						</div>
						<div class="fh5co-feature">
							<div class="fh5co-text">
								<h2>拯救网瘾少年系统-1</h2>
								<p>
									<video width="100%" height="100%" controls="controls">
										<source src="video/拯救网瘾少年系统-1.mp4" type="video/mp4" />
										<source src="video/拯救网瘾少年系统-1.ogg" type="video/ogg" />
										<source src="video/拯救网瘾少年系统-1.webm" type="video/webm" />
										<object data="video/拯救网瘾少年系统-1.mp4">
											<embed src="video/拯救网瘾少年系统-1.swf" />
										</object>
									</video>
								</p>
							</div>
						</div>
						<div class="fh5co-feature">
							<div class="fh5co-text">
								<h2>拯救网瘾少年系统-2</h2>
								<p>
									<video width="100%" height="100%" controls="controls">
										<source src="video/拯救网瘾少年系统-2.mp4" type="video/mp4" />
										<source src="video/拯救网瘾少年系统-2.ogg" type="video/ogg" />
										<source src="video/拯救网瘾少年系统-2.webm" type="video/webm" />
										<object data="video/拯救网瘾少年系统-2.mp4">
											<embed src="video/拯救网瘾少年系统-2.swf" />
										</object>
									</video>
								</p>
							</div>
						</div>
						<div class="fh5co-feature">
							<div class="fh5co-text">
								<h2>智慧医疗信息采集系统</h2>
								<p>
									<video width="100%" height="100%" controls="controls">
										<source src="video/智慧医疗信息采集系统.mp4" type="video/mp4" />
										<source src="video/智慧医疗信息采集系统.ogg" type="video/ogg" />
										<source src="video/智慧医疗信息采集系统.webm" type="video/webm" />
										<object data="video/智慧医疗信息采集系统.mp4">
											<embed src="video/智慧医疗信息采集系统.swf" />
										</object>
									</video>
								</p>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<footer id="fh5co-footer">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center">
					<small>
						&copy; 2016 Personal Free HTML5 Template. All Rights Reserved. <span class="fh5co-author">
					</small>
				</div>
			</div>
		</footer>
	</div>
	
	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Easy PieChart -->
	<script src="js/jquery.easypiechart.min.js"></script>
	<!-- MAIN JS -->
	<script src="js/main.js"></script>
	</body>
</html>

